<template>
    <div class="logisticsCompany">
        <header-bar title="物流公司"></header-bar>
        <cube-index-list
        :data="listData"
        :title="title"
        @select="selectItem"
        :speed="10"
        @title-click="clickTitle"></cube-index-list>
    </div>
</template>

<script>
import HeaderBar from "@/components/header.vue";
import {indexList} from 'cube-ui';
import { mapState, mapActions } from 'vuex'
export default {
  components: {
    HeaderBar,
    'cubeIndexList':indexList,
  },
  data() {
      return {
          listData:[
            // {
            //     "name": "Y",
            //     "items": [
            //     {
            //         "name": "韵达快递",
            //         "value": 1
            //     },
            //     {
            //         "name": "SHANGHAI",
            //         "value": 2
            //     }
            //     ]
            // },
            // {
            //     "name": "S",
            //     "items": [
            //     {
            //         "name": "申通快递",
            //         "value": 3
            //     },
            //     {
            //         "name": "ANQING",
            //         "value": 4
            //     }
            //     ]
            // },
            // {
            //     "name": "A",
            //     "items": [
            //     {
            //         "name": "申通快递",
            //         "value": 3
            //     },
            //     {
            //         "name": "ANQING",
            //         "value": 4
            //     }
            //     ]
            // },
            // {
            //     "name": "D",
            //     "items": [
            //     {
            //         "name": "申通快递",
            //         "value": 3
            //     },
            //     {
            //         "name": "ANQING",
            //         "value": 4
            //     }
            //     ]
            // },
            // {
            //     "name": "E",
            //     "items": [
            //     {
            //         "name": "申通快递",
            //         "value": 3
            //     },
            //     {
            //         "name": "ANQING",
            //         "value": 4
            //     }
            //     ]
            // },
            // {
            //     "name": "F",
            //     "items": [
            //     {
            //         "name": "申通快递",
            //         "value": 3
            //     },
            //     {
            //         "name": "ANQING",
            //         "value": 4
            //     }
            //     ]
            // },
          ],
          title: '当前选择: 韵达快递',
      }
  },
  created() {
      this.title = "当前选择:"+(this.$route.query.title ||'无')
      this.logisticsCodeList();
  },
  methods: {
      ...mapActions(['toggleLoading','showMsg','showModal']),
      selectItem(data){
          console.log(data)
          sessionStorage.setItem('logisticsCompany',JSON.stringify(data));
          this.$router.back();
      },
      clickTitle(data){
          console.log(data)
      },
      logisticsCodeList(){
          this.toggleLoading({flag:true});
          this.$ajax.logisticsCodeList().then(res=>{
              this.toggleLoading({flag:false});
              if(res.code=='0000'){
                  for(let key in res.data){
                      this.listData.push({name:key,items:res.data[key]});
                  }
              }
          })
      },
  },
}
</script>

<style lang="less" scoped>
    .logisticsCompany{
        height: 100%;
        padding-bottom: 1rem;
    }
</style>